﻿(function ($) {
    $.fn.extend({
        toolTips: function (options) {
            var defaults = {

            };
            var options = $.extend(defaults, options);
            $(this).each(function () {
                var o = options;
                var t = $(this);
                var length = $('.tooltips').length + 1;
                var html = '<div class="tooltips" id="tooltips-' + length + '">';
                html += '<div class="twrapper">'
                html += '<div class="content">' + t.attr('tips') + '</div>';
                html += '</div>';
                html += '</div>';
                $("body").append(html);
                var offset = t.offset();
                t.tips = $('#tooltips-' + length.toString());
                t.tips.css({ opacity: 0, left: offset.left - t.tips.width() / 2 + t.width() / 2, top: offset.top + t.scrollTop() });
                t.hover(
                    function () {
                        t.tips.css({ display: 'block', top: t.offset().top - 35 }).stop().animate({ opacity: 1 }, 300);
                    },
                    function () {
                        t.tips.stop().animate({ opacity: 0 }, 300, function () {
                            $(this).css({ display: 'none' });
                        });
                    }
                );
            })
        }
    });
})(jQuery);